<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<style>
	.layui-laypage li{
		display: inline-block;
	}
	.active{
		background: #009688;
		height: 29px;
    }
	.active a{
		color:#fff;
		border:1px solid #009688;	
	}
	.layui-laypage a{
		background: border-box;
	}
	#on{
		height: 30px;
	    line-height: 30px;
	    border: 1px solid #e2e2e2;
	    border-radius: 2px;
	    vertical-align: top;
	    background-color: #fff;
	    box-sizing: border-box!important;
	    width: 50px;
	    margin: 0 5px;
	    text-align: center;
	}
	.btn{
		margin-top: -5px;
		margin-left: 8px;
	}
</style>
<div>
	<button class="layui-btn layui-btn-small layui-btn-normal" ng-click="toggle()">搜索</button>
	<button class="layui-btn layui-btn-small layui-btn-normal" ng-click="delBtn()">删除</button>
	<button class="layui-btn layui-btn-small layui-btn-normal" ng-click="capBtn()">修改</button>
	<button class="layui-btn layui-btn-small layui-btn-normal" ng-click="refreshBtn()">刷新</button>
	<button class="layui-btn layui-btn-small" ng-click="addBtn()">添加</button>
	<button class="layui-btn layui-btn-small layui-btn-danger" ng-click="resetBtn()">重置</button>
	
	<div ng-hide="mySea" id="showContainer" style="margin: 15px 0px 6px 0;background-color: #f2f2f2;padding: 10px;">
	  <div class="layui-form-item" style="min-width: 780px;">
	    <div class="layui-inline">
	      <label class="layui-form-label">销售订单号</label>
	      <div class="layui-input-inline">
	        <input type="tel" name="phone" lay-verify="phone" autocomplete="off" class="layui-input">
	      </div>
	    </div>
	    <div class="layui-inline">
		    <div class="layui-inline">
		      <label class="layui-form-label">提车日期</label>
		      <div class="layui-input-inline">
		        <input type="text" readonly="readonly" name="date" id="LAY_demorange_s" lay-verify="date" placeholder="开始日期" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})">
		      </div>
		    </div>
		    <div class="layui-inline">
		      <div class="layui-input-inline">
		        <input type="text" name="date" readonly="readonly" id="LAY_demorange_e" lay-verify="date" placeholder="结束日期" autocomplete="off" class="layui-input" onclick="layui.laydate({elem: this})">
		      </div>
		    </div>
	  	</div>
	  	<div class="layui-inline">
		    <label class="layui-form-label">销售人员</label>
		    <div class="layui-input-inline">
	        <input type="tel" name="phone" lay-verify="phone" autocomplete="off" class="layui-input">
	    </div>
	  </div>
	 </div>
	<!--<div class="layui-form-item" style="min-width: 780px;">
	    <div class="layui-inline">
		    <label class="layui-form-label">起运地</label>
		    <div class="layui-input-inline">
		    	<select ng-init="selectedName = starts[0]" ng-model="selectedName" ng-options="x for x in starts"></select>
		    	<div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="请选择省" value="浙江省" readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit"><dd lay-value="浙江" class="layui-this">浙江省</dd><dd lay-value="你的工号" class="">江西省</dd><dd lay-value="你最喜欢的老师" class="">福建省</dd></dl></div>
		    </div>
	    </div>
	    <div class="layui-inline">
		    <label class="layui-form-label">目的地</label>
		    <div class="layui-input-inline">
		      <select name="quiz2">
		        <option value="">目的省</option>
		        <option value="杭州">杭州</option>
		        <option value="宁波">宁波</option>
		        <option value="温州">温州</option>
		        <option value="温州">台州</option>
		        <option value="温州">绍兴</option>
		      </select>
		      <div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="请选择市" value="" readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit"><dd lay-value="杭州" class="">杭州</dd><dd lay-value="宁波" class=" layui-disabled">宁波</dd><dd lay-value="温州" class="">温州</dd><dd lay-value="温州" class="">台州</dd><dd lay-value="温州" class="">绍兴</dd></dl></div>
		    </div>
		    <div class="layui-input-inline" style="margin-left: 14px;">
		      <select name="quiz3">
		        <option value="">目的市</option>
		        <option value="西湖区">西湖区</option>
		        <option value="余杭区">余杭区</option>
		        <option value="拱墅区">临安市</option>
		      </select>
		      <div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="请选择县/区" value="" readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit"><dd lay-value="西湖区" class="">西湖区</dd><dd lay-value="余杭区" class="">余杭区</dd><dd lay-value="拱墅区" class="">临安市</dd></dl></div>
		    </div>
		  </div>
	  	<div class="layui-inline" style="margin-left: 10px;">
		    <label class="layui-form-label">审批状态</label>
		    <div class="layui-input-inline">
		    	<select ng-init="selectedName = selects[0]" ng-model="selectedName" ng-options="x for x in selects"></select>
		    	<div class="layui-unselect layui-form-select"><div class="layui-select-title"><input type="text" placeholder="请选择省" value="浙江省" readonly="" class="layui-input layui-unselect"><i class="layui-edge"></i></div><dl class="layui-anim layui-anim-upbit"><dd lay-value="浙江" class="layui-this">浙江省</dd><dd lay-value="你的工号" class="">江西省</dd><dd lay-value="你最喜欢的老师" class="">福建省</dd></dl></div>
		    </div>
	    </div>
	  </div>-->
	 <div class="layui-input-inline" style="text-align: center;width: 100%;">
	    <button class="layui-btn layui-btn-normal pad" ng-click="resetBtn()">重置</button>
	    <button class="layui-btn pad" id="query">查询</button>
	  </div>
	 </div>
	
    <table class="layui-table">
      <tr>
      	<th><input type="checkbox" ng-model="selectAll" ng-click="all(selectAll)"></th>
    	<th>销售订单号</th>
        <th>起运地</th>
        <th>目的地</th>
        <th>运输距离</th>
        <th>标准价格</th>
        <th>建议售价</th>
        <th>运距</th>
        <th>销售人员</th>
        <th>下单时间</th>
        <th>提车时间</th>
        <th>详情</th>
        <th>审批状态</th>
      </tr>
      <tr ng-repeat="x in names">
      	<td><input type="checkbox" ng-checked="selectAll" ng-model="person.state" ng-click="select(selected)" name="id_name" value="{{ x.a }}"></td>
      	<td>{{ x.a }}</td>
        <td>{{ x.b }}</td>
        <td>{{ x.c }}</td>
        <td>{{ x.d }}</td>
        <td>{{ x.e }}</td>
        <td>{{ x.f }}</td>
        <td>{{ x.z }}</td>
        <td>{{ x.g }}</td>
        <td>{{ x.k }}</td>
        <td>{{ x.l }}</td>
        <td ng-click="info()"><a href="" style="text-decoration: underline;color:#009688;">{{ x.m }}</a></td>
        <td>{{ x.n }}</td>
      </tr>
    </table>
    <div>
    	<ul class="layui-box layui-laypage layui-laypage-default" style="margin: 0px;" > 
			<li ng-class="{true:'disabled'}[p_current==1]">
				<a class="laypage_first" href="javascript:void(0);" ng-click="p_index()">首页</a>
			</li>
			<%--这块是显示多少页的--%>
	        <li ng-repeat="page in pages" ng-class="{true:'active'}[p_current==page]">
	        	<a class="layui-laypage-curr"  href="javascript:void(0);" ng-click="load_page(page)">{{ page }}</a>
	        </li>  
	        <li ng-class="{true:'disabled'}[p_current==p_all_page]">
	        	<a class="layui-laypage-last" href="javascript:void(0);" ng-click="p_last()">尾页</a>
	        </li>  
		</ul> 
		<span>共{{count}}条</span>
		<span style="padding-left: 10px;">到第
			<input id="on" type="text" value="{{p_current}}"/>页
			<button class="layui-btn layui-btn-small btn" ng-click="goBtn()">确定</button>
		</span>
	</div>
    </div>


